<template>
  <svg
    class="explainer-feedback"
    width="300"
    height="169"
    viewBox="0 0 300 169"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect
      x="0.5"
      y="0.5"
      width="299"
      height="168"
      rx="11.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <rect
      x="94.5"
      y="6.5"
      width="111"
      height="11"
      rx="4.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <path
      d="M104 15L102.201 13.2013M102.201 13.2013C102.647 12.7559 102.922 12.1407 102.922 11.4612C102.922 10.1019 101.82 9 100.461 9C99.1018 9 98 10.1019 98 11.4612C98 12.8205 99.1018 13.9224 100.461 13.9224C101.141 13.9224 101.756 13.6469 102.201 13.2013Z"
      stroke="var(--_svg-color)"
      fill="none"
      stroke-width="0.5"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <rect
      x="284.5"
      y="6.5"
      width="11"
      height="11"
      rx="5.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <circle cx="290" cy="11" r="1.75" stroke="var(--_svg-color)" fill="none" stroke-width="0.5" />
    <path
      d="M286.5 16.5C286.5 15.3333 287.2 13 290 13C292.8 13 293.5 15.3333 293.5 16.5"
      stroke="var(--_svg-color)"
      fill="none"
      stroke-width="0.5"
    />
    <rect
      x="218.5"
      y="6.5"
      width="19"
      height="11"
      rx="4.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <rect
      x="240.5"
      y="6.5"
      width="19"
      height="11"
      rx="4.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <rect
      x="262.5"
      y="6.5"
      width="19"
      height="11"
      rx="4.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <rect
      x="75.5"
      y="24.5"
      width="204"
      height="140"
      rx="7.5"
      stroke="var(--_svg-color)"
      fill="none"
    />
    <path
      d="M287.167 32.5C288.405 32.1905 289.024 31.5714 289.333 30.3333C289.643 31.5714 290.262 32.1905 291.5 32.5C290.262 32.8095 289.643 33.4286 289.333 34.6667C289.024 33.4286 288.405 32.8095 287.167 32.5Z"
      stroke="var(--_svg-color)"
      fill="none"
      stroke-width="0.5"
      stroke-linejoin="round"
    />
    <path
      d="M290.5 30.1667C291.167 30 291.5 29.6667 291.667 29C291.833 29.6667 292.167 30 292.833 30.1667C292.167 30.3333 291.833 30.6667 291.667 31.3333C291.5 30.6667 291.167 30.3333 290.5 30.1667Z"
      stroke="var(--_svg-color)"
      fill="none"
      stroke-width="0.5"
      stroke-linejoin="round"
    />
    <rect
      x="4.25"
      y="24.25"
      width="68.5"
      height="140.5"
      rx="7.75"
      stroke="var(--_svg-color)"
      fill="none"
      stroke-width="0.5"
      stroke-dasharray="4 4"
    />
    <rect
      x="284.25"
      y="24.25"
      width="11.5"
      height="140.5"
      rx="5.75"
      stroke="var(--_svg-color)"
      fill="none"
      stroke-width="0.5"
      stroke-dasharray="4 4"
    />
  </svg>
</template>
